<template>
    <div id="link">
        <div class="headImg">
                <img :src="shopGroup.headImg">
        </div>

        <ul class="center">
                <li class="name">{{ shopGroup.name }}</li>
                <li class="number">{{ shopGroup.proNum }}<span class="sellNum">{{ shopGroup.sellNum }}</span></li>
        </ul>

        <button class="btn" :id="shopGroup.shopId">
            <a href="javascript:;" @click="goBussiness($event)">进店逛逛</a>
        </button>
        <div class="space"></div>
    </div>
</template>

<script>
     import config from "../config/config.js";
    export default {
        props:{
            shopGroup:''
        },
        data() {
            return{
                
            }    
        },
        methods:{
            goBussiness($event){
                var shopId=$event.currentTarget.parentNode.getAttribute('id');
                this.$router.push('/business/'+shopId);
            }
        },
        mounted() {


        },
    }
</script>

<style>

</style>